<view class='container'>
    <view class = 'content'>
        <view class = 'title'>
            即将开始
        </view>

        <view class = 'list'>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>   <view class = 'list-element' hover-class="navigator-hover">
            <text class = "list-element-header">聚会</text>
            <text class = "list-element-time">7月10日</text>
            <view class="navigator-arrow"></view>
        </view>   <view class = 'list-element' hover-class="navigator-hover">
            <text class = "list-element-header">聚会</text>
            <text class = "list-element-time">7月10日</text>
            <view class="navigator-arrow"></view>
        </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>



            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
            <view class = 'list-element' hover-class="navigator-hover">
                <text class = "list-element-header">聚会</text>
                <text class = "list-element-time">7月10日</text>
                <view class="navigator-arrow"></view>
            </view>
        </view>
    </view>
</view>
<image style="width: 100%; height: 200px; background-color: #fff;border-radius:8px;" mode="{{mode}}" src="{{src}}"></image>